<!doctype html>
<html class="no-js" lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>积分明细</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Place favicon.ico in the root directory -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="js/layui/css/layui.css">
    <script src="js/layui/layui.js"></script>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body class="">
<div class="IntegralChartBody">
    <div  class="mian layui-carousel layui-col-xs12 layui-col-sm12 layui-col-md12" id="app">
        <!-- 头部分-->
        <div class="layui-row tl-top">
            <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 tl-leftalign">
                <img src="img/img/icon_back.png"/>
            </div>
            <div class="layui-col-xs10 layui-col-sm10 layui-col-md10 tl-align">
                积分明细
            </div>
            <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 tl-rightalign">
                <img src="img/img/btn_share.png"/>
            </div>
        </div>
        <!-- 主体-->
        <div class="cent">
            <!-- 功能板块-->
            <div class="activity ">
                <div class="activityCent layui-row">
                    <div class="boder layui-col-xs12 layui-col-sm12 layui-col-md12">
                        <div class="card layui-row">
                            <div class=" layui-col-xs2 layui-col-sm2 layui-col-md2">
                                <div class="imgBoxs" >
                                    <img src="img/img/icon_detail_shopping.png"/>
                                </div>
                            </div>
                            <div class=" layui-col-xs5 layui-col-sm5 layui-col-md5">
                                <p  class="title"> 积分商城</p>
                                <p > <span class='red'>100000 </span> <span>积分 </span></p>
                            </div>
                            <div class=" layui-col-xs5 layui-col-sm5 layui-col-md5">
                                <p class="time"> 昨天 13：24</p>
                            </div>
                        </div>
                    </div>
                    <div class="boder layui-col-xs12 layui-col-sm12 layui-col-md12">
                        <div class="card layui-row">
                            <div class=" layui-col-xs2 layui-col-sm2 layui-col-md2">
                                <div class="imgBoxs" >
                                    <img src="img/img/icon_detail_walfare.png"/>
                                </div>
                            </div>
                            <div class=" layui-col-xs5 layui-col-sm5 layui-col-md5">
                                <p  class="title">福利积分</p>
                                <p > <span class='red'>100000 </span> <span>积分 </span></p>
                            </div>
                            <div class=" layui-col-xs5 layui-col-sm5 layui-col-md5">
                                <p class="time">  昨天 13：24</p>
                            </div>
                        </div>
                    </div>
                    <div class="boder layui-col-xs12 layui-col-sm12 layui-col-md12">
                        <div class="card layui-row">
                            <div class=" layui-col-xs2 layui-col-sm2 layui-col-md2">
                                <div class="imgBoxs" >
                                    <img src="img/img/icon_detail_bonus.png"/>
                                </div>
                            </div>
                            <div class=" layui-col-xs5 layui-col-sm5 layui-col-md5">
                                <p  class="title">奖金积分</p>
                                <p > <span class='red'>100000 </span> <span>积分 </span></p>
                            </div>
                            <div class=" layui-col-xs5 layui-col-sm5 layui-col-md5">
                                <p class="time">  12-01 13：24</p>
                            </div>
                        </div>
                    </div>
                    <div class="boder layui-col-xs12 layui-col-sm12 layui-col-md12">
                        <div class="card layui-row">
                            <div class=" layui-col-xs2 layui-col-sm2 layui-col-md2">
                                <div class="imgBoxs" >
                                    <img src="img/img/icon_detail_cash.png"/>
                                </div>
                            </div>
                            <div class=" layui-col-xs5 layui-col-sm5 layui-col-md5">
                                <p  class="title">现金商城</p>
                                <p > <span class='red'>100000 </span> <span>积分 </span></p>
                            </div>
                            <div class=" layui-col-xs5 layui-col-sm5 layui-col-md5">
                                <p class="time">  2017-01-01 13：24</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer layui-row">
    <div class="listTop layui-row">
        <div class="span2">
            <div class="imgBoxs">
                <img src="img/img/icon_tab_shop_select.png"/>
            </div>
            <p class="listTypes"> 商店 </p>
        </div>
        <div class="span2">
            <div class="imgBoxs">
                <img src="img/img/icon_tab_fenlei_select.png"/>
            </div>
            <p class="listTypes"> 分类 </p>
        </div>
        <div class="span2" style=" position: relative;height:10px">
            <div class="imgBoxs shopping">
                <img src="img/img/btn_tab_shopping_select.png"/>
            </div>
        </div>
        <div class="span2">
            <div class="imgBoxs">
                <img src="img/img/icon_tab_team_select.png"/>
            </div>
            <p class="listTypes"> 团队 </p>
        </div>
        <div class="span2">
            <div class="imgBoxs">
                <img src="img/img/icon_tab_my_selected.png"/>
            </div>
            <p class="listTypes"> 我的 </p>
        </div>
    </div>
</div>
<script>
    layui.use(['carousel', 'form'], function(){
        var layer = layui.layer,
            carousel = layui.carousel,
            form = layui.form;
        layer.msg('开始我们的代码开发');

    });
</script>
</body>
</html>
